<script>
    export default {
        onLaunch: function () {},
        onShow: function () {},
        onHide: function () {},
    }
</script>

<style lang="scss">
    /*每个页面公共css */
    @import 'uview-ui/index.scss';
    @import url('@/static/css/main.css');
    @import url('@/static/css/iconfont.css');
    text,
    view,
    input {
        font-size: $font-size-base;
        color: #333333;
    }

    * {
        box-sizing: border-box;
    }

    .page {
        min-height: 100vh;
        background-color: #f5f5f5;
    }

    .pla {
        color: #cccccc;
        font-size: 28rpx;
    }

    .wrong {
        border: 1px solid $color-error !important;
    }

    // 全局样式
    .flex-box {
        display: flex;
    }

    .flex {
        flex: 1;
    }

    .flex-between {
        display: flex;
        justify-content: space-between;
    }

    .flex-center {
        display: flex;
        justify-content: center;
    }

    .align-center {
        align-items: center;
    }

    .cloumn {
        flex-direction: column;
    }

    .lines {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .lines2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .DiLine {
        text-align: center;
        font-size: 24rpx;
        color: #dddddd;
        line-height: 88rpx;
    }

    .mask {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        right: 0;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .icon-more {
        color: $color-text-aid;
        font-size: 26rpx;
    }

    .unread {
        position: relative;
    }

    //小红点
    .unread::after {
        position: absolute;
        content: attr(data-num);
        min-height: 30rpx;
        min-width: 30rpx;
        box-sizing: border-box;
        border-radius: 20rpx;
        background-color: #ff0000;
        left: 66%;
        color: white;
        font-size: 20rpx;
        top: -10rpx;
        line-height: 30rpx;
    }
    .unreadPlus::after {
        position: absolute;
        content: attr(data-num);
        min-height: 40rpx;
        min-width: 40rpx;
        box-sizing: border-box;
        border-radius: 20rpx;
        background-color: #ff0000;
        left: 66%;
        color: white;
        font-size: 20rpx;
        top: -10rpx;
        line-height: 40rpx;
    }
    .myPrice::before {
        content: '￥';
        font-weight: normal;
        color: inherit;
        font-size: 20rpx;
    }
</style>
